<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../fonts/a/font_kzbaekk0ine/iconfont.css">
    <link rel="stylesheet" href="../css/a/bootstrap-4.5.0-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/a_classManageMent.css">
</head>

<body>
    <div class="w">
        <div class="container_div">
            <p>班级一览</p>
        </div>
        <!-- 下拉框 -->
        <div class="select">
            <span>请选择:</span>
            <span>*市：</span>
            <select class="form-control" id="chose1" onchange="change1()"></select>
            <span>*学校：</span>
            <select class="form-control" id="chose2"></select>
        </div>
        <!-- btn部分 -->
        <div class="btn-list">
            <button type="button" class="btn btn-success" id="btn5">添加班级</button>
            <br>
            <button type="button" class="btn btn-warning" id="btn6">修改班级</button>
        </div>
        <!-- 模态框部分 -->

        <!-- 添加班级 -->
        <div class="modai1">
            <div class="modai-content add">
                <div class="iconfont close">&#xe671;</div>
                <p>添加班级</p>
                <form>
                    <div>
                        <label for="exampleInputText">请输入你要添加的班级id：</label>
                        <input id="shuRu" type="text" class="form-control " placeholder="班级id...">
                    </div>
                    <div class="addclass">
                        <label for="exampleInputText">请输入你要添加的班级名称：</label>
                        <input id="shuRu1" type="text" class="form-control " placeholder="班级名称...">
                    </div>
                </form>
                <div class="div2">
                    <button class="btn1" id="btn3" type="submit">添加</button>
                    <button class="btn2" id="btn2" type="button">取消</button>
                </div>
            </div>
        </div>
        <!-- 修改班级 -->
        <div class="modai2">
            <div class="modai-content upda">
                <div class="iconfont close">&#xe671;</div>
                <p>修改班级</p>
                <form>
                    <div>
                        <label for="exampleInputText">请输入你要修改的班级id：</label>
                        <input id="shuRu2" type="text" class="form-control" placeholder="班级id...">
                    </div>
                    <div class="updaclass">
                        <label for="exampleInputText">请输入你要修改的班级名称：</label>
                        <input id="shuRu3" type="text" class="form-control" placeholder="班级id...">
                    </div>
                </form>
                <div class="div2">
                    <button class="btn1" id="btn1" type="submit">修改</button>
                    <button class="btn2" id="btn" type="button">取消</button>
                </div>
            </div>
        </div>
        <div id="tab" class="table ">

            <!-- 下拉菜单 -->
            <!-- <ul class="selecter">
                        <li class="cd">
                            成都市
                            <ul>
                                <li><a href="">成都一中</a></li>
                                <li><a href="">成都二中</a></li>
                            </ul>
                        </li>
                        <li class="my">
                            绵阳市
                            <ul>
                                <li><a href="">绵阳一中</a></li>
                                <li><a href="">绵阳二中</a></li>
                            </ul>
                        </li>
                        <li class="ya">
                            雅安市
                            <ul>
                                <li><a href="">雅安一中</a></li>
                                <li><a href="">雅安二中</a></li>
                            </ul>
                        </li>
                        <li class="ls">
                            乐山市
                            <ul>
                                <li><a href="">乐山一中</a></li>
                                <li><a href="">乐山二中</a></li>
                            </ul>
                        </li>
                        <li class="nj">
                            内江市
                            <ul>
                                <li><a href="">内江一中</a></li>
                                <li><a href="">内江二中</a></li>
                            </ul>
                        </li>
                    </ul> -->
            <!-- 表格部分 -->
            <table class="">
                <thead>
                    <tr id="banji">
                        <td>schoolId</td>
                        <td>班级</td>
                        <td>全选：<input type="checkbox" class="chk" id="checkAll"><span>删除</span></td>
                    </tr>
                </thead>
                <tbody id="tbCard">
                </tbody>
                <!-- <tbody>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </tbody> -->
            </table>

        </div>
        <!-- 分页 -->
        <div id="divPage"></div>
    </div>
    <script src="../js/jquery-3.5.1.js"></script>
    <!-- <script src="../js/bootstrap.js"></script> -->
    <script src="../js/a-shuju.js"></script>
    <script src="../js/a-class-mangagement.js"></script>


</body>

</html>